<!DOCTYPE html>
<html>
    <head>
    <meta charset="utf-8">
    <title>夜读书，书籍的海洋与阅读者的大陆</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="author" content="夜读书">
    <meta name="description" content="夜读书是一个社交阅读网站，它允许用户跟好友分享他们的阅读消息：包括他们读过哪几本书，正在读哪些书，想读哪些书等等。">
    <meta name="keywords" content="读书,阅读,小说,文学">
    <link rel="stylesheet" href="{{ asset('/bootstrap-3.3.5-dist/css/bootstrap.min.css') }}">
    <script src="{{ asset('/scripts/jquery/jquery-1.11.3.min.js') }}"></script>
    <script src="{{ asset('/bootstrap-3.3.5-dist/js/bootstrap.min.js') }}"></script>

        <style>
            html {
                height: 100%;
            }

            .custom-background {
                background-image: url("images/bg.jpg");
                background-repeat:no-repeat;
                filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";  
                -moz-background-size:100% 100%;  
                background-size:100% 100%;
            }

            .container {
                margin-top: 12%;
                text-align: center;
                vertical-align: middle;
                max-width: 600px;
                filter:alpha(opacity=80);
                -moz-opacity:0.8;  
                -khtml-opacity: 0.8;  
                opacity: 0.8;  
            } 
        </style>

    </head>
    <body class="custom-background">
        <div class="container">
            <div class="jumbotron">
                <h1>夜读书</h1>
                <p>我们帮你找到喜欢看的书！</p>
                <p><a class="btn btn-primary btn-lg" href="books" role="button">查看书籍列表</a></p>
            </div>
        </div>

<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "//hm.baidu.com/hm.js?320ac10fdba0a8dade5f9c83f15147eb";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>

    </body>
</html>
